<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            margin:50px auto;
            width: 200px;
            /* height: 400px; */
            background-color: aqua;
        }
        a{
            display: block;
            text-decoration: none;
            text-align: center;
            width: 100px;
            line-height: 50px;
            margin-left: 50px;
        }
        li{
            font-size: 14px;
            list-style: none;
            margin-top: 100px;
        }
    </style>
</head>
<body>
    <div>
        <a href="./0615/alt.html">卖座</a>
        <a href="./0622/计算器.html">计算器</a>
        <a href="./0623/todolist.html">todolist</a>
        <a href="./网易云/index.html">网易云</a>


        <li id="date"></li>
    </div>
    <script>
        function aar(){
            var date = new Date();
            var y = date.getFullYear();
            var m = date.getMonth() + 1;
            var d = date.getDate();
            var h = date.getHours();
            var M = date.getMinutes();
            var S = date.getSeconds();
            var week=date.getDay();
            M=M<10? '0'+M:M;
            S=S<10? '0'+S:S;
            h=h<10? '0'+h:h;
            d=d<10? '0'+d:d;
            var tt=['周一','周二','周三','周四','周五','周六','周七',];
            var str = `${y}年${m}月${d}日 ${h}:${M}:${S} ${tt[week-1]}`;
            var er=document.getElementById('date');
            er.innerHTML=str;
        }

        setInterval(()=>{
            aar()
        },1000)
    </script>
</body>
</html>